<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="description" content="红黄蓝亲子园" />
    <meta name="keywords" content="红黄蓝亲子园" />
    <title>红黄蓝亲子园</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <script type="text/javascript" src="js/auto-size.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <style type="text/css">

        @font-face {font-family: "iconfont";
          src: url('css/iconfont.eot'); /* IE9*/
          src: url('css/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('css/iconfont.woff') format('woff'), /* chrome, firefox */
          url('css/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('css/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          line-height: 0.4rem;
        }

    </style>
</head>
<body>
    <div class="banner">
        <img src="images/bg.jpg">
    </div>
    <a href="sign.html" class="bm">
        <img src="images/bm.jpg">
    </a>
    <div class="index_txt">
        <p>红黄蓝亲子园全国第1608家园，落户新都，儿童节开园在即，现在正在征集一名新都区的宝宝成为红黄蓝新都区的小小代言人，上传宝贝照片，并附上一句征集口号，即可参加评选活动， 金奖可获得2017年－2018年红黄蓝新都区小小代言人的<span>50000元</span>签约合同和<span>终身vip</span>学员，全部课程免费上，免费学。 同时，凡报名参加的宝宝都可以获得红黄蓝新都园的体能训练区的游乐券，让宝宝快乐的成长。</p>
        <p>点击，我要报名，填写宝宝姓名，粑粑麻麻的联系电话，即可参加哦！</p>
    </div>
    <div class="index_cont">
            <form>
                <div class="search">
                    <input class="search_box" type="text" placeholder="请输入姓名(编号)"><input type="submit" class="sub" value="搜索">
                </div>
            </form>
            <div class="child">
                <ul>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            01
                        </div>
                    </li>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            100
                        </div>
                    </li>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            101
                        </div>
                    </li>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            201
                        </div>
                    </li>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            901
                        </div>
                    </li>
                    <li>
                        <img src="images/child.jpg">
                        <span class="span">姓名:angel</span>
                        <div class="li_down">
                            <p>288<span>票</span></p>
                            <a href="#">投票</a>
                        </div>
                        <div class="child_img">
                            501
                        </div>
                    </li>
                </ul>

            </div>
            <div class="page">
                <ul class="ul">
                    <li>
                        <a href="#"><</a>
                    </li>
                    <li>
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#" class="act">2</a>
                    </li>
                    <li>
                        <a href="#">></a>
                    </li>
                </ul>
            </div>
        </div>
    <div id="wind">
        <img src="images/ewm.jpg">
    </div>
    <div class="sc"></div>
    <div class="fix_nav">
               <ul class="cont icon_lists clear">
            
                <a href="index.html" class="act">
                <i class="icon iconfont" style="font-size:0.64rem;padding-left:0.24rem;padding-top:0.1rem;line-height: 0.74rem;">&#xe634;</i>
                <p style="margin-top: -0.14rem;">返回首页</p>
                </a>
                <a href="sign.html">
                <i class="icon iconfont">&#xe657;</i>
                <p>我要报名</p>
                </a>
                <a href="rule.html">
                <i class="icon iconfont" style="line-height: 0.66rem;">&#xe6cd;</i>
                <p style="margin-top: -0.06rem;">规则详解</p>
                </a>
                <a href="#">
                <i class="icon iconfont" id="us">&#xe613;</i>
                <p>关注我们</p>
                </a>

            
            
        </ul>
        </div>
        <script type="text/javascript">
            $("#us").click(function(){
                $("#wind").fadeIn(1000);
            });
           $("#wind").click(function(){
            $(this).fadeOut(1000);
           })
        </script>
</body>
</html>